<template>
	<view>
		<view class="title-box">
			<view>Hi!</view>
			<view>欢迎使用XXX</view>
		</view>
		<view style="width: 100%;margin-top: 140rpx;">
			<u--image width="100%" mode="aspectFill" :src="bgSrc"></u--image>
		</view>
		
		<view class="btn-box">
			<u-button type="success" size="large" @click="goOtherLogin">登录</u-button>
			<!-- <view class="row-box" style="margin-top: 40rpx;">
				<view class="font-line" @click="goOtherLogin">其他方式登录</view>
				<view>|</view>
				<view class="font-line" @click="goRegister()">入驻平台 > </view>
			</view> -->
		</view>
		
		<role-popup :show="roleShow" @close="roleShow = false"></role-popup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				bgSrc: require("@/static/img/login.png"),
				roleShow: false
			}
		},
		methods: {
			submitLogin() {
				this.roleShow = true;
				/* uni.redirectTo({
					url:"/pages/staging/master_account"
				}) */
			},
			goOtherLogin() {
				uni.navigateTo({
					url:"/pages/login/other-login"
				})
			},
			goRegister() {
				uni.navigateTo({
					url: "/pages/register/register"
				})
			}
		}
		
	}
</script>

<style lang="scss">
	.title-box{
		font-size: 50rpx;
		font-weight: 900;
		margin-top: 180rpx;
		margin-left: 40rpx;
	}
	.btn-box {
		margin-top: 140rpx;
		width: 90%;
		margin-left: 5%;
		color: $u-success;
	}
	.font-line {
		width: 49%;
		text-align: center;
	}
</style>
